<div>
	<?php $this->view->partial('common/chat') ?>
</div> 
<?php $this->view->partial('common/profilecard'); ?>
<div class="profile-dn row">
	<div class="profile-wall medium-10 medium-centered large-10 large-centered column">
		<div class="profile-left-wall medium-7 large-7 columns">

			  <div id="contentstage" class="large-12 column" style="padding:0;">
			  	<?php $this->view->partial('common/wall_posts'); ?>
			  </div>

	
		</div>
<!--Right div-->		
		<div class="profile-right-wall medium-5 large-5 column">

			<div class="right-bx-contain large-12 column">
				<div class="right-head large-12 column">
					<p>Timeline</p>
				</div>
				<div class="right-content aboutme large-12 column" style="">
	    			<div class="bar"></div>
					<div class="timeline">
					    <div class="entry medium-2 column">
					        <h5><a>1995</a></h5>
					    </div>
					    <div class="entry medium-2 column">
					        <h5><a>2015</a></h5>
					    </div>
					    <div class="entry medium-2 column">
					        <h5><a>2016</a></h5>
					    </div>
					    <div class="entry medium-2 column">
					        <h5><a>2017</a></h5>
					    </div>
					    <div class="entry medium-2 column">
					        <h5><a>2018</a></h5>
					    </div>
					    <div class="entry current medium-2 column">
					        <h5><a class="current">2019</a></h5>
					    </div>
					</div>
				</div>				
			</div>

			<div class="editmyaccount right-bx-contain large-12 column">
				<div class="right-head large-12 column">
					<p>About</p>
				</div>
					<div class="right-content aboutme large-12 column" style="">
					 <ul>
					 	<?php if($address){ ?><li><img src="<?=BASE_URI?>img/icons/FinalLocationIcon.png"> <span>Lives in <a><?= $address->city ?> City, <?=$address->province?> Philippines</a></span></li> <?php }else{?> <li><span><a>Add your location</a></span></li><?php } ?>
					 	

					 	<?php if($schools){ foreach ($schools as $value) { ?>
					 	<?php if($value->attainment == "Tertiary"){ ?>
					 	<li><img src="<?=BASE_URI?>img/icons/FinalEducationIcon.png"> <span> <?= $value->course?>
					 		at <a href=""><?= $value->school ?></a></span></li>
						<?php } // end of if?>

						<?php }  }else{ ?> <li><span><a>Add your school</a></span></li> <?php }?>


						<?php if($info->bdate){ ?>
						<li><img src="<?=BASE_URI?>img/icons/FinalBirthdayIcon.png"><span>Born on <?php $date = new DateTime($info->bdate); echo $date->format('M d, Y'); ?></span></li> <?php } ?>
						<?php if($skills){?>
						<li><img src="<?=BASE_URI?>img/icons/FInalSkillIcon.png"><span>
							<?php  foreach ($skills as$value) { ?>
								<a href=""><?= $value ?>,</a>  
							<?php } ?>
						</span></li> 
						<?php }?>
					 </ul>
					</div>
				<div class="see-more text-right large-12 column">
					<a class="editlink">Edit</a>
				</div>
			</div>

			<?php $this->view->partial('common/suggested_groups'); ?>

			<div class="right-bx-contain large-12 column" style="background:none;margin-top:-.5rem;border:none !important;">
				<?php $this->view->partial('common/footer'); ?>
			</div>
		</div>

<!--End Right div-->
	</div>
</div>




<script type="text/javascript"> var G_USER_ID = "<?= $_GET['bhd']; ?>" </script>
<script type="text/javascript" src="<?=BASE_URI?>js/profile.js"></script>




   <!--<script type="text/javascript" language="javascript">
   $(document).ready(function() {
      $("#grouptab").click(function(event) {
          $('#contentstage').load('profile/group');
      });
      $("#contab").click(function(event) {
          $('#contentstage').load('profile/myconnection');
      });
       $("#threadtab").click(function(event) {
          $('#contentstage').load('profile/thread');
      });
   });
   </script>-->
<script type="text/javascript">
$(function(){
	var cover_photo_div = $('#cover_photo');
	//cover_photo_div.backgroundDraggable();

	// only draggable in the x direction, and dragging is not bounded by the image
	//cover_photo_div.backgroundDraggable({ bound: false, axis: 'x' });

	// disable draggable background
//cover_photo_div.backgroundDraggable('disable');

	// callback when drag complete
	cover_photo_div.backgroundDraggable({
		  bound: false,
		  done: function() {
		    backgroundPosition = $(cover_photo_div).css('background-position');
		    console.log(backgroundPosition);
		  }
		});
	});
</script>


